<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API接口页面</title>
    <link rel="stylesheet" href="../lib/icon/iconfont.css">
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" href="../assets/css/communal.css">
    <link rel="stylesheet" href="../assets/css/Interface.css">
</head>

<body>
    <!-- 头部 -->
    <header class="top_header">
        <!-- logo -->
        <a href="index.html" class="">
            <img src="../assets/img/new-logo-white2.png" alt="" class="logo">
        </a>
        <!-- 登录+注册 -->
        <div class="login_reg">
            <a href="./register.html">登录</a>
            <a href="./found.html">注册有利</a>
        </div>
        <!-- nav导航 -->
        <nav class="nav ">
            <a href="../index.html">首页</a>
            <a href="./ApI_classification.html" class="active">API</a>
            <a href="./CaseA.html">案例</a>
            <a href="./development.html">云服务</a>
            <a href="./development.html">开发者</a>
        </nav>
    </header>
    <!-- API分类 -->
    <main class="container">
        <!-- API分类 -->
        <div class="api-cate">
            <h1>API分类</h1>
            <ul class="clear" id="apiList">
                <!-- <li>全部</li>
                <li>生活服务</li>
                <li>金融</li>
                <li>科技</li>
                <li>交通地理</li>
                <li>充值缴费</li>
                <li>数据智能</li>
                <li>企业工商</li>
                <li>应用开发</li>
                <li>电子商务</li>
                <li>吃喝玩乐</li>
                <li>文娱视频</li>
                <li>免费接口大全</li>
                <li>短信</li>
                <li>汽车核验</li>
                <li>最新发布</li>
                <li>API私有化部署</li> -->
            </ul>
        </div>
        <div class="linkage">
            <span id="spanA">全部</span>
            <input type="text" placeholder="身份证实名" id="put">
            <i class="iconfont icon-fangdajing"></i>
        </div>
        <div class="split_List">
            <ul>
                <!-- <li>
                    <a href="">
                        <div class="split_List_img"><img src="../assets/img/API_01.jpg" alt=""></div>
                        <div class="split_List_content">
                            <p class="Secondary_title">2021出行防疫政策指南</p>
                            <p class="category">免费</p>
                            <span>企业专用</span>
                        </div>
                    </a>
                    <button>申请定位</button>
                </li> -->
            </ul>
        </div>
        <!-- 模态框 -->
        <div class="Modal_box">
            <div class="frame">

                <!-- 图片 -->
                <div class="box_img">
                    <img src="../assets/img/loginlogo.png" alt="">
                </div>
                <!-- 整体框架 -->
                <div class="Subject">

                    <!-- 关闭按钮 -->
                    <i class="iconG iconfont icon-guanbi"></i>
                    <!-- 切换 -->
                    <div class="Switch">
                        <span class="Switch_Login">账号登陆</span>
                        <b class="Segmentation"></b>
                        <span class="Switch_Scan_code">扫码登录</span>
                    </div>
                    <div class="Paging_Login">
                        <form action="../index.html" id="from">
                            <!-- 账号登录input -->
                            <div class="Input_box">

                                <div class="box_Upper">
                                    <div class="Picture_01"></div>
                                    <input type="text" name="" id="user" placeholder="用户名/手机号/邮箱">
                                    <span id="text_span"></span>
                                </div>
                                <div class="box_Upper">
                                    <div class="Picture_02"></div>
                                    <input type="password" name="" id="Pasworder" placeholder="密码">
                                    <span id="pswoder_span"></span>
                                </div>

                            </div>
                            <!-- 忘记密码 -->
                            <div class="Forget">
                                <span>忘记密码</span>
                            </div>
                            <!-- 按钮 -->
                            <div class="Login_button" id="bnt">
                                <button>登 录</button>
                            </div>
                        </form>
                    </div>
                    <!-- 扫码登录 -->
                    <div class="Scan_code">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公司公众号，请先关注后再登录</p>
                        <!-- 注册 -->
                        <div class="Registration Scan_code_Registration">还没有源码账号，
                            <a href="../page/enroll.html">立刻注册</a>
                            <span></span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- 分页器 -->
        <div class="Pager">
            <div class="Pager_box">
                <ul>
                    <li class="paging_Circle">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                </ul>
                <span>.....</span>
                <a href="#">下一页></a>
            </div>
        </div>
    </main>
    <!-- 结尾 -->
    <footer>
        <div class="container">
            <div class="footer_big_box">
                <div class="Introduction_footer_left ">
                    <ul>
                        <li>联系与支持</li>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                    <ul>
                        <li>关于源码</li>
                        <li>400-882-7715</li>
                        <li>合作伙伴</li>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>市场合作</li>
                        <li>反商业贿赂声明</li>
                    </ul>
                    <ul>
                        <li>快速入口</li>
                        <li>400-882-7715</li>
                        <li>API数据</li>
                        <li>加入我们</li>
                        <li>新闻动态</li>
                        <li>联系我们</li>
                        <li>黑钻会员</li>
                    </ul>
                    <ul>
                        <li>产品服务</li>
                        <li>400-882-7715</li>
                        <li>云监测</li>
                        <li>云查询</li>
                        <li>云助手</li>
                        <li>聚盒子</li>
                        <li>云充值</li>
                    </ul>
                    <ul>
                        <li>解决方案</li>
                        <li>400-882-7715</li>
                        <li>数字中台</li>
                        <li>慧集：API生命周期管理</li>
                        <li>有赢：助力企业营销</li>
                        <li>极速工单</li>
                        <li>加入我们</li>
                    </ul>
                </div>
                <div class="Introduction_footer_right ">
                    <h2>微信公众号</h2>
                    <p>源码时代</p>
                    <img src="../assets/img/103-demo.png" alt="" width="100px">
                </div>
            </div>
            <div class="footer_big_box">
                <div class="public1"><img src="../assets/img/bei1.png" alt="">&nbsp;&nbsp;<img
                        src="../assets/img/bei2.png" alt="">&nbsp;&nbsp;增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
                </div>
                <div class="public1">源码大数据股份有限公司©版权所有</div>
            </div>
        </div>
    </footer>
    <script src="../assets/js/Interface.js"></script>
    <script src="../assets/js/register.js"></script>
</body>

</html>